@charset "utf-8";html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:16px;font-family:"PingFang SC","HanHei SC","Helvetica Neue",Microsoft Yahei,"Helvetica","STHeitiSC-Light","Arial",sans-serif;line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body{color:#5f6061}
body{background:#fff}
ul,ol,li{list-style:none}
a{color:#5f6061;text-decoration:none}
a:hover{text-decoration:none;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}
img{border:0}
b,em,i{font-style:normal}
h1,h2,h3,h4,h5{font-weight:normal}
@-webkit-keyframes fadeleft{0%{-webkit-transform:translateY(40px);opacity:0}
100%{-webkit-transform:translateY(0px);opacity:1}
}
@font-face{font-family:"museo-light";src:url('../fonts/museo-light.eot');src:url('../fonts/museo-light.eot') format('embedded-opentype'),url('../fonts/museo-light.woff') format('woff'),url('../fonts/museo-light.ttf') format('truetype'),url('../fonts/museo-light.svg') format('svg')}
.museo-light{font-family:"museo-light" !important}
.imgbig{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:block !important}
.imgbig:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.imgbigout{display:block;overflow:hidden}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clear{zoom:1}
.case a{}
.left{float:left}
.right{float:right}
.hide{display:none}
.lazy{background:url("../images/loading.gif") 50% 50% no-repeat}
.tran{transition:all .3s ease}
.back2top{display:block;width:43px;height:43px;background:url(../images/back2top.png) no-repeat;position:fixed;right:3.5%;bottom:15%;opacity:.33;z-index:99}
.back2top:hover{opacity:1}
.pager{width:100%;color:#0f0b09;line-height:30px;padding:30px 0;font-size:24px;text-align:center;opacity:.3}
.pager a,.pager span{text-decoration:none;height:26px;line-height:26px;display:inline-block;margin:0 10px;font-size:24px}
.pager a:hover{color:#0f0b09;opacity:1}
.pager a:active{color:#0f0b09}
.pager span.now{color:#0f0b09}
.pager span.disabled{color:#0f0b09}
.current:first-child,.pager .p1:last-child{display:none}
.header{height:100px;width:100%;position:fixed;top:0;left:0;z-index:99;transition:all .3s ease}
.header-small{height:60px;background:#fff;-webkit-box-shadow:rgba(0,0,0,.1) 0 1px 5px;-moz-box-shadow:rgba(0,0,0,.1) 0 1px 5px;box-shadow:rgba(0,0,0,.1) 0 1px 5px;transition:all .3s ease}
.header-in{width:95%;margin:35px auto;height:30px;transition:all .3s ease}
.header-in .logo img{transition:all .3s ease}
.header-small .header-in{margin:15px auto;transition:all .3s ease}
.header-small .logo img{height:22px;margin-top:4px}
.header .logo{float:left;margin-left:10px}
.header .meun-off{float:right;margin-right:10px}
.header .meun-off span{width:23px;height:2px;background-color:#000;display:block;margin:6px auto;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header .meun-on #span2{opacity:0}
.header .meun-on #span1{-webkit-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-o-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-o-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
.nav{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.9);display:none}
.nav ul{margin:0 auto;width:50%;text-align:center;height:500px;position:absolute;top:50%;margin-top:-250px;left:50%;margin-left:-25%}
.nav ul li{-webkit-animation:DDInY .8s .3s ease both;-ms-animation:DDInY .8s .3s ease both;-moz-animation:DDInY .8s .3s ease both;animation:DDInY .8s .3s ease both}
.nav ul a{display:block;height:80px;overflow:hidden;margin:10px 0}
.nav ul span{display:block;font-size:48px;line-height:80px;text-transform:uppercase;color:#e9e7e8}
.nav .nav-tel{position:absolute;left:2%;bottom:2%}
.nav .close{display:block;position:absolute;top:4%;right:4%}
.nav .close img{transition:all .5s ease}
.nav .close:hover img{transform:rotate(180deg)}
.fullSlide{position:relative;margin:0 auto}
.fullSlide2{display:none}
.slide{position:relative;margin:0 auto}
.slide .bd{position:relative;z-index:0;overflow:hidden}
.slide .bd li img{width:100%;vertical-align:top}
.slide .hd{position:relative;z-index:1;margin-top:-60px;height:30px;line-height:30px;text-align:center}
.slide .hd ul{text-align:center}
.slide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:5px;overflow:hidden;font-size:0;background-color:#fff;border-radius:50%}
.slide .hd ul .on{background-color:#ff0}
.slide .prev,.slide .next{z-index:1;display:block;width:53px;height:14px;position:relative;float:left;background:url(../images/arrow.png) 0 0 no-repeat;filter:alpha(opacity=40);opacity:.4;position:absolute;top:50%;margin-top:-7px}
.slide .prev{left:2.1%;margin-left:10px}
.slide .next{background-position:right 0;right:2.1%;margin-right:10px}
.slide .prev:hover,.slide .next:hover{filter:alpha(opacity=80);opacity:.8}
.banner{width:100%;position:relative;z-index:1;overflow:hidden}
.banner .bd ul{width:100% !important}
.banner .bd li{width:100% !important;height:913px;background-position:center 0;background-attachment:fixed;background-repeat:no-repeat;min-width:1200px}
.banner .bd li a{display:block;width:1400px;margin:0 auto;height:100%}
.banner .hd{position:fixed;left:0;top:850px;z-index:1;width:100%;overflow:hidden}
.banner .hd ul{text-align:center}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:14px;height:14px;margin:5px;overflow:hidden;font-size:0;background-color:#fff;border-radius:50%}
.banner .hd ul .on{background-color:#ff0}
.banner .prev,.banner .next{z-index:1;display:block;width:53px;height:44px;position:relative;float:left;background:url(../images/arrow.png) 0 center no-repeat;filter:alpha(opacity=40);opacity:.4;position:absolute;top:50%;margin-top:-7px}
.banner .prev{left:2.1%;margin-left:10px}
.banner .next{background-position:right 0;right:2.1%;margin-right:10px}
.banner .prev:hover,.banner .next:hover{filter:alpha(opacity=80);opacity:.8}
.warp1{width:1480px;margin:0 auto;padding:80px 0;position:relative;z-index:9;background-color:#fff}
.warp1 h3{font-size:36px;color:#5f6061;margin-bottom:60px}
.warp1 p a{color:#888889}
.warp1 .pingfang{ float:left; font-weight:bold; margin-right:200px;-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft .5s .3s ease both;margin-top:100px}
.warp1 .p1{-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft .8s .3s ease both}
.warp1 .p2{-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft 1s .3s ease both}
.warp1 .p3{-webkit-animation:fadeleft .8s .3s ease both;-ms-animation:fadeleft .8s .3s ease both;-moz-animation:fadeleft .8s .3s ease both;animation:fadeleft 1.2s .3s ease both}
.warp2{width:95%;margin:0 auto;position:relative;z-index:10;background-color:#fff}
.warp2 .warp-type{height:50px;position:relative;margin-bottom:25px}
.warp2 .warp-type p{font-size:18px;width:1080px;line-height:50px;position:absolute;left:50%;margin-left:-540px;z-index:0}
.warp2 .warp-type-list{float:right;position:absolute;z-index:11;right:0}
.warp2 .warp-type-list .active{text-decoration:underline;color:#000;font-size:18px}
.warp2 .warp-type-list a{display:inline-block;margin-right:25px;line-height:50px;color:#888889;font-size:14px}
.warp2 .warp-type-list a:hover{text-decoration:underline}
.warp2 ul li{width:33.233333%;float:left;position:relative;overflow:hidden;display:block}
.warp2 ul li img{width:100%;height:auto;display:block}
.warp2 ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.warp2 .case-summary{display:none;width:90%;height:90%;background:url(../images/black.png) repeat;top:0;left:0;position:absolute;padding:5%}
.warp2 .case-summary p{color:#f9f9f9;position:absolute;left:0;font-size:20px}
.warp2 .case-summary span{font-size:24px}
.warp2 .case-summary .p1{top:0}
.warp2 .case-summary .p2{bottom:0;font-size:16px}
.warp2 .case-more{display:block;width:148px;height:40px;margin:100px auto;border:2px solid #959595;text-align:center;line-height:40px}
.warp3{width:1180px;margin:0 auto;display:-webkit-flex;display:flex;justify-content:space-between;position:relative;z-index:10;background-color:#fff}
.warp3 a{color:#898989}
.warp3 .warp3-list{width:250px;overflow:hidden}
.warp3 .warp3-list ul li a{word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;color:#898989;font-size:14px}
.warp4{width:1180px;margin:0 auto;display:-webkit-flex;display:flex;justify-content:space-between;padding:80px 0 20px;margin-bottom:100px;position:relative;z-index:10;background-color:#fff}
.warp4 h4{text-align:center}
.warp4 .warp4-list{width:250px}
.warp4 .warp4-title{color:#444;font-size:18px;padding-bottom:15px;display:block}
.warp3 .warp3-title{font-size:18px;padding-bottom:15px;display:block}
.warp4 li a{color:#898989;font-size:16px}
.footer{background:#333;padding:45px 0;position:relative;z-index:10}
.footer-in{width:1180px;margin:0 auto;color:#6a6a6a}
.footer1{width:390px}
.footer1-1 {
    width: 130px;
    font-size: 12px;
    text-align: center;
    color: #a8a8a9
}
.footer1-2 {
    width: 225px;
    font-size: 12px;
    color: #a8a8a9
}
.footer1-2 img{display:block;margin-bottom:20px}
.footer2{width:380px;margin-left:75px}
.footer2 dl{float:left;margin-right:60px;margin-top:-15px}
.footer2 dl dt{font-size:24px;border-bottom:1px solid #6a6a6a;margin-bottom:14px;color:#999}
.footer2 dl dd{height:24px}
    .footer2 dl dd a {
        color: #a8a8a9;
        transition: all .3s ease;
        font-size: 12px;
        display: block;
        line-height: 24px
    }
.footer2 dl dd a:hover{color:#fff}
.footer3{width:255px;font-size:12px;color:#757575}
.footer-bottom{margin-top:25px}
    .footer-bottom h3 {
        color: #a8a8a9;
        font-size: 14px
    }
.footer-bottom ul li{width:12.5%;float:left}
    .footer-bottom ul li a {
        font-size: 12px;
        color: #a8a8a9;
        transition: all .3s ease;
        line-height: 24px;
        display: block
    }
.footer-bottom ul li a:hover{color:#fff}
.t-footer{display:none}
.case-content{padding-bottom:150px}
.case-list{width:94%;margin:150px auto 0}
.case-list .warp-type{height:50px;position:relative;margin-bottom:25px}
.case-list .warp-type p{font-size:18px;line-height:50px;position:absolute;left:33.33333%;margin-left:-160px;z-index:0;width:160px}
.case-list .warp-type-list{float:right;position:absolute;z-index:11;right:0}
.case-list .warp-type-list .active{text-decoration:underline;color:#000;font-size:16px}
.case-list .warp-type-list a{display:inline-block;margin-right:20px;line-height:50px;color:#888889;font-size:14px}
.case-list .warp-type-list a:hover{text-decoration:underline}
.case-list ul li{width:33.333333%;float:left;position:relative;overflow:hidden;display:block}
.case-list ul li img{width:100%;height:auto;display:block}
.case-list ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.case-list .case-summary{display:none;width:90%;height:90%;background:url(../images/black.png) repeat;top:0;left:0;position:absolute;padding:5%}
.case-list .case-summary p{color:#f9f9f9;position:absolute;left:0;font-size:20px}
.case-list .case-summary span{font-size:24px}
.case-list .case-summary .p1{top:0}
.case-list .case-summary .p2{bottom:0;font-size:16px}
.case-list .case-more{display:block;width:148px;height:40px;margin:100px auto;border:2px solid #959595;text-align:center;line-height:40px}
.case-read{width:1800px;margin:0 auto;max-width:1800px;padding:100px 0}
.case-read .news-tool{display:none}
.case-read img{width:100%;height:auto;float:left;display:block;background:url(../images/loading.gif) no-repeat center}
.case-read img.small{width:50%}
.case-read-top{padding:70px 0;color:#fff;min-height:730px}
.case-read-top .left{width:36%;text-align:right;font-size:20px}
.case-read-top .right{width:40%;margin-right:11%;position:relative;}
.case-read-top .right p{font-size:20px;line-height:1.8em;margin-bottom:20px}
.case-read-top .right ul{position:absolute;bottom:0}
.case-read-top .right ul li{font-size:14px}
.case-fixed{position:fixed;width:28px;left:50%;margin-left:920px;top:35%}
.case-fixed li{position:relative;height:26px;margin-bottom:17px}
.case-fixed li .icon{background-image:url(../images/icon.png);background-repeat:no-repeat;display:block;width:28px;height:26px}
.case-fixed #close a{background-position:0 -117px}
.case-fixed #prev a{background-position:0 -155px}
.case-fixed #next a{background-position:0 -194px}
.case-fixed #close a:hover{background-position:-36px -117px}
.case-fixed #prev a:hover{background-position:-36px -155px}
.case-fixed #next a:hover{background-position:-36px -194px}
.share-box .icon{background-image:url(../images/icon.png);background-repeat:no-repeat}
#share{width:28px;height:26px;float:right;position:relative;z-index:99}
.share{width:28px;height:26px;display:block}
.ico-share{width:28px;height:26px;display:block;background-position:2px -231px}
.ico-share:hover{background-position:-33px -231px}
.share-list{width:100px;padding:10px 20px;background:#363636;position:absolute;right:0;top:32px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;visibility:hidden;z-index:-1;opacity:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.share-list.active{visibility:visible;z-index:1;opacity:1}
.share-list li a{height:24px;line-height:24px;display:block;padding-left:34px;color:#FFF;font-size:14px;position:relative}
.share-list li a:hover{color:#ffe514}
.share-list li .icon{width:24px;height:24px;display:block;position:absolute;left:0;top:50%;margin-top:-12px}
.share-list li .ico-weixin{background-position:-60px 0}
.share-list li .ico-xlwb{background-position:-100px 0}
.share-list li .ico-txwb{background-position:-140px 0}
.share-list li .ico-douban{background-position:-180px 0}
.share-list li .ico-tieba{background-position:-220px 0}
.share-list li a:hover .ico-weixin{background-position:-60px -40px}
.share-list li a:hover .ico-xlwb{background-position:-100px -40px}
.share-list li a:hover .ico-txwb{background-position:-140px -40px}
.share-list li a:hover .ico-douban{background-position:-180px -40px}
.share-list li a:hover .ico-tieba{background-position:-220px -40px}
.news{width:1070px;margin:0 auto;padding:100px 0}
.news-type{height:60px;margin-bottom:20px}
.news-type h3{float:left;font-size:30px;width:15%}
.news-type ul{width:85%;float:right}
.news-type ul li{float:left;height:60px;color:#898989}
.news-type ul li a{line-height:60px;font-size:16px;padding:0 30px;color:#898989}
.news-type ul li a:hover{color:#5f6061}
.news-list li{padding:55px 0;border-bottom:1px solid #eee}
.news-list li .imgbigout{width:44%;float:left}
.news-list li .imgbigout img{width:100%;height:auto}
.news-list li .news-summary{float:right;width:49%}
.news-list li .news-summary h4{color:#0f0b09;margin-bottom:30px;font-size:18px}
.news-list li .news-summary p{margin-bottom:30px}
.news-list li .news-summary p a{color:#0f0b09;font-size:24px;font-family:'msyhl'}
.news-list li .news-summary span{margin-bottom:50px;display:block}
.news-list li .news-summary span a{font-size:16px}
.news-list li .news-summary .more{text-decoration:underline;font-size:18px}
.news-read{width:1140px;margin:0 auto;padding:150px 0}
.news-read .news-read-left{float:left}
.news-read .news-read-left h3{font-size:24px}
.news-read .news-read-left h4{font-size:16px}
.news-read .news-read-right{float:right;width:700px}
.news-read .news-read-right .title{font-size:30px;line-height:30px;padding-bottom:50px;border-bottom:1px solid #ccc;color:#0f0b09;margin-bottom:40px;font-family:'msyhl'}
.news-read .content p,.news-read .content span,.news-read .content div{font-size:16px}
.news-read .content img{max-width:705px}
.news-read .content{padding-bottom:50px;border-bottom:1px solid #ccc;font-size:16px}
.contact{padding:100px 0}
.contact-read{width:1150px;margin:0 auto}
.contact1-left{float:left;font-size:36px;color:#595757;font-family:"museo-light";margin-top:-10px}
.contact1-right{float:right;width:610px}
.contact1 p{font-size:20px}
.contact1{margin-bottom:130px}
.contact2 p{margin-bottom:1em}
.contact2{margin-bottom:100px}
.contact3,.contact4,.contact5{margin-bottom:55px}
.contact-img{margin-bottom:120px}
.about{padding:100px 0}
.about1{width:1600px;margin:0 auto}
.about3{width:1870px;margin:0 auto}
.about1 .about1-left{float:left;font-size:36px;color:#595757;font-family:"museo-light";margin-left:200px;margin-top:-9px}
.about1 .about1-right{float:right;width:860px}
.about3 .about3-right{float:right;width:1000px}
.about2{width:100%;background:url(../images/about-fixed.jpg);height:800px;background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;margin:170px 0 150px;position:relative}
.about2 img{position:absolute;left:13%;top:45%}
.about1-1 p{font-size:24px;margin-bottom:1.8em;line-height:1.8em;color:#5f6061;font-family:"msyhl"}
.about1-1{margin-bottom:150px}
.about1-2{float:left;width:392px}
.about1-2 h3{font-size:22px;margin-bottom:20px;color:#0f0b09}
.about1-2 p{margin-bottom:1em;color:#5f6061}
.about1-3{float:right;width:330px}
.about1-3 h3{font-size:22px;margin-bottom:20px;color:#0f0b09}
.about1-3 p{margin-bottom:1em;color:#5f6061}
.about3-1{float:left;width:38%}
.about3-2{float:right;width:48%}
.about3-1 h3,.about3-2 h3,.about3-3 h3{font-size:22px;color:#0f0b09;margin-bottom:1em}
.about3-1 p,.about3-2 p{margin-bottom:1em}
.about3-3{margin-bottom:35px;margin-top:80px}
.about3-4 dl{width:260px;float:left;margin-bottom:45px}
.about3-4 dt{font-size:16px;color:#0f0b09;margin-bottom:14px}
.news-tool{margin-top:26px}
.news-tool-right li{position:relative;height:32px;float:left;margin:0 7px}
.news-tool-right li .icon{background-image:url(../images/icon.png);background-repeat:no-repeat;display:block;width:26px;height:26px}
.news-tool-right #close a{background-position:0 -114px}
.news-tool-right #prev a{background-position:0 -155px}
.news-tool-right #next a{background-position:0 -194px}
.news-tool-right #close a:hover{background-position:-36px -114px}
.news-tool-right #prev a:hover{background-position:-36px -155px}
.news-tool-right #next a:hover{background-position:-36px -194px}
.service{display:none}
.col-16 {
    width: 16.666%
}
.item_img img{width:100%;}

#indexPage .mlist.news .module_container {
    max-width: 90%
}

.module_container {
    padding: 100px 0
}

.mlist.news .content_list .item_block .item_date {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: #fff;
    font-size: 12px;
    color: #939393;
    font-family: HELVETICANEUELTPRO-THEX,Arial
}
.container_header .title {
    font-size: 36px;
}
.mlist.news .content_list .item_block .item_wrapper {
    padding: 38px
}

    .mlist.news .content_list .item_block .item_wrapper .line {
        width: 100%;
        height: 1px;
        background: #dbdbdb;
        margin: 20px 0
    }

        .mlist.news .content_list .item_block .item_wrapper .line div {
            transition: all .3s ease 0s;
            width: 0;
            height: 1px;
            background: #232323
        }

.agent-desktop .mlist.news .content_list .item_block:hover .item_wrapper .line div {
    width: 100%
}

.mlist.news .content_list .item_block .item_wrapper .description {
    font-size: 13px;
    color: #939393;
    height: 48px;
    line-height: 24px;
    position: relative;
    overflow: hidden
}
.mlist.news .content_list .item_block .item_img {
    padding-bottom: 68.666%
}

.mlist.news .content_list .item_block .item_wrapper {
    position: absolute;
    transform: translateY(-100%);
    transition: all .5s cubic-bezier(.215,.61,.355,1) 0s
}

.agent-desktop #indexPage .mlist.news .content_list .item_block .item_wrapper {
    width: calc(100% - 76px)
}

.mlist.news .content_list .item_block .item_img img {
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s
}

.mlist.news .content_list .item_block .content {
    position: relative
}

.mlist.news .content_list .item_block .item_img .item_img_mask {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s
}

.mlist.news .content_list .item_block:hover .item_img .item_img_mask {
    opacity: .05
}

.mlist.news .content_list .item_block:hover .item_img {
    opacity: 1
}

.mlist.news .content_list .item_block .item_date {
    background-color: #fff;
    z-index: 99;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    font-size: 36px;
    width: 144px;
    height: 84px;
    line-height: 84px;
    padding: 0;
    text-align: center;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    padding: 20px
}

#indexPage .mlist.news .content_list .item_block .item_date .day {
    font-size: 35px;
    color: #999;
    font-family: BureauEagleBook
}

.mlist.news .content_list .item_block .item_date .year {
    display: none
}

.mlist.news .content_list .item_block:hover .item_date {
    padding: 0
}

    #indexPage .mlist.news .content_list .item_block:hover .item_date .day, .mlist.news .content_list .item_block:hover .item_date .day {
        font-size: 30px
    }

.mlist.news .content_list .item_block:hover .item_wrapper {
    opacity: 0;
    transform: translateY(-50%)
}

#indexPage .mlist.news .content_list .item_block {
    border-right: 1px solid rgba(0,0,0,.03)
}

.mlist .content_wrapper:not(.masonry) .content_list .item_block .item_img {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: none;
    display: block;
    position: relative;
    overflow: hidden;
}

.mlist .content_wrapper.masonry .content_list .item_block .item_img {
    background-image: none !important;
    padding-bottom: 0
}

.mlist .content_wrapper:not(.masonry) .content_list .item_block .item_img img {
    display: none
}

.mlist.search #search_header {
    margin-bottom: 40px
}

    .mlist.search #search_header #search_form {
        height: 36px;
        max-width: 450px
    }

        .mlist.search #search_header #search_form a {
            height: 36px;
            width: 36px;
            float: right;
            display: block
        }

            .mlist.search #search_header #search_form a i {
                margin-left: 10px;
                margin-top: 10px;
                font-size: 16px
            }

        .mlist.search #search_header #search_form div {
            height: 16px;
            display: block;
            border: 1px solid #d9d9d9;
            padding: 9px 10px;
            margin-right: 45px
        }

            .mlist.search #search_header #search_form div input {
                height: 16px;
                width: 100%;
                line-height: 16px;
            }

    .mlist.search #search_header #search_result {
        margin-top: 30px;
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
        color: #333333;
        background: #ededed;
        font-size: 16px;
    }

.mlist.search .content_list .item_block {
    border-bottom: #e9e9e9 1px dotted;
    padding-bottom: 25px;
    margin-bottom: 25px
}

    .mlist.search .content_list .item_block .title {
        font-size: 15px
    }

    .mlist.search .content_list .item_block .searchvalue {
        color: #ff0000
    }

    .mlist.search .content_list .item_block .item_wrapper .description {
        font-size: 13px;
        color: #939393;
        line-height: 24px;
        margin-top: 14px
    }

        .mlist.search .content_list .item_block .item_wrapper .description a.moren {
            margin-left: 10px;
            color: #5f5d5d;
            text-decoration: underline
        }
@media screen and (max-width:1920px) {
    html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{font-size:14px}
.header-small{height:46px}
.header-small .header-in{margin:8px auto}
.fullSlide .hd{margin-top:-50px}
.fullSlide .hd ul li{width:10px;height:10px}
.banner .bd li{height:685px;background-size:1920px 685px}
.banner .hd{top:648px}
.banner .hd ul li{width:10px;height:10px}
.banner .bd li a{width:1400px}
.nav .close img{width:42px}
.warp2 .case-summary .p1{font-size:18px}
.warp2 .case-summary .p2{font-size:14px}
.warp3 .warp3-list ul li a{font-size:12px}
.warp4 li a{font-size:12px}
.warp4{margin-bottom:50px}
.case-read{width:1700px}
.case-read-top{min-height:500px}
.case-read-top .left{font-size:16px}
.case-read-top .right p{font-size:16px;margin-bottom:18px}
.case-fixed{position:fixed;width:25px;left:50%;margin-left:870px}
.contact-read{width:925px;margin:0 auto}
.contact1-left{float:left;font-size:30px;color:#595757;margin-top:-10px}
.contact1-right{float:right;width:580px}
.contact1 p{font-size:16px}
.about1,.about3{width:1120px;margin:0 auto}
.about2{margin:100px 0 110px}
.about1 .about1-left{font-size:27px;margin-left:120px;margin-top:-7px}
.about1 .about1-right{width:640px;margin-right:0}
.about1-2{float:left;width:270px}
.about1-3{width:240px}
.about1-1 p{font-size:18px}
.about3 .about3-right{float:right;width:750px;margin-right:-120px}
.about1-2 h3,.about1-3 h3,.about3-1 h3,.about3-2 h3,.about3-3 h3{font-size:16px;margin-bottom:10px}
.about1-2 p,.about1-3 p{font-size:12px}
.about3 .about3-right p{font-size:12px}
.about3-1 p,.about3-2 p{margin-bottom:2em}
.about3-4 dt{font-size:14px;margin-bottom:2px}
.about3-4 dd{font-size:12px}
.about3-3{margin-bottom:25px;margin-top:60px}
.service{margin-top:74px !important}
.news-list li .imgbigout img,.news-list li .imgbigout{width:360px}
.news-summary{margin-right:130px}
.news-list li .news-summary span a{font-size:14px}
.news-list li .news-summary p a{font-size:22px}
.news-list li .news-summary h4,.news-list li .news-summary .more{font-size:16px}
.news-list li{padding:40px 0}
.news-type ul li a{font-size:14px}
.news-read .news-read-right .title{font-size:24px;padding-bottom:36px}
.news-read .news-read-left h3{font-size:20px}
.news-read .news-read-left h4{font-size:14px}
.news-read .news-read-left{margin-left:70px}
.news-read .content p,.news-read .content span,.news-read .content div{font-size:14px}
.news-tool-right li{transform:scale(0.7);-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7)}
.about3-4 dl{width:195px}
.case-read-top .right ul li{font-size:12px}
}
@media screen and (max-width:1440px){.banner .bd li{height:513px;background-size:1440px 513px}
.banner .hd{top:480px}
.banner .bd li a{width:1200px}
.news-read{width:700px}
.news-read-left{margin-bottom:30px}
.news-read .news-read-left,.news-read-right{float:none;width:100%}
.case-read{width:1200px}
.case-read-top{min-height:500px}
.case-read-top .left{font-size:16px}
.case-read-top .right p{font-size:16px;margin-bottom:18px}
.case-fixed{position:fixed;width:25px;left:50%;margin-left:620px}
.warp1 .pingfang{margin-top:0;font-size:30px}
.warp1 p{font-size:12px}
.warp2 .warp-type p{font-size:12px}
.warp2 .warp-type-list a,.warp2 .warp-type-list .active{font-size:12px}
.warp2 .warp-type{margin-bottom:6px}
.warp2 .case-summary .p1{font-size:14px}
.warp2 .case-summary .p2{font-size:12px}
.warp2 .case-summary span{font-size:18px}
.service{margin-top:48px !important;margin-bottom:10px !important}
.news{width:830px}
.news-list li .imgbigout img,.news-list li .imgbigout{width:260px}
.news-list li .news-summary p a{font-size:16px}
.news-list li .news-summary h4,.news-list li .news-summary .more{font-size:14px}
.news-list li .news-summary h4{margin-bottom:13px}
.news-list li .news-summary p{margin-bottom:15px}
.news-list li .news-summary span a{font-size:12px}
.news-list li{padding:30px 0}
.pager a,.pager span{font-size:18px}
.news-read .news-read-left{margin-left:0}
.about2{margin:70px 0 90px}
.news-read .news-read-left h3{font-size:18px}
.case-list .warp-type-list a{margin-right:15px}
}
@media screen and (max-width:1200px){.warp2 ul li{width:50%;float:left;position:relative;overflow:hidden}
.banner .bd li a{width:1000px}
.news-read{width:700px}
.news-read-left{margin-bottom:30px}
.news-read .news-read-left,.news-read-right{float:none;width:100%}
.case-read{width:1000px}
.case-read-top{height:auto}
.case-read-top .right ul{position:static}
.case-read-top .left{font-size:16px}
.case-read-top .right p{font-size:14px;margin-bottom:18px}
.case-fixed{position:fixed;width:25px;left:50%;margin-left:520px}
}
@media screen and (max-width:750px){
.banner{display:none}
.header{height:60px}
.header-small{height:40px}
.header .logo img{height:15px;margin-top:9px}
.header .meun-off{margin-right:0}
.nav .close img{width:25px;height:auto}
.nav ul{height:360px;margin-top:-180px}
.nav ul a{height:60px}
.nav ul span{font-size:32px;line-height:60px}
.slide .hd{margin-top:-30px}
.slide .hd ul li{width:7px;height:7px}
.slide .prev,.slide .next{width:25px;height:14px}
.warp2{width:95%}
.warp-type{width:100%;height:auto}
.warp-type p{width:100%;position:static;margin-left:0;margin:0 auto}
.warp-type-list{position:static;float:left}
    .warp1 .pingfang { /*font-size:16px;*/
        margin-bottom: 20px;
        line-height: 1em;
        width: 100%;
        margin-right:0px;
    }
.header-in{margin:15px auto;width:94%}
.header .logo{margin-left:0}
.header-small .header-in{margin:5px auto}
.warp2 ul li{width:100%;float:left;position:relative;overflow:hidden}
.warp4,.service{display:none}
.fullSlide{display:none}
.fullSlide2{display:block !important}
.warp1{width:94%;margin:0 auto;padding:40px 0}
.case-list{margin-top:80px;width:94%}
.case-list .warp-type{height:auto}
.case-list ul li{width:100%}
.case-list .warp-type-list a{line-height:24px;margin-right:25px;float:left}
.case-list .warp-type p{position:static;margin-left:0;font-size:12px;line-height:32px}
.warp-type-list{position:static !important;float:static}
.case-list .museo-light{width:100%;display:block}
/*.case-content{padding-bottom:35px}*/
.warp-type-list a{line-height:35px;margin-right:10px}
.case-read{width:94%;padding-bottom:30px}
.case-read .small{width:100% !important}
.case-read-top .left,.case-read-top .right{width:90%;text-align:left;margin:0 auto;float:none}
.case-read-top{padding:30px 0}
.case-read-top .right ul{bottom:30px}
.case-fixed{display:none}
.news-read{width:94%;padding:50px 0}
.news-read img{max-width:100%;height:auto}
.news-read-left{margin-bottom:30px}
.news-read .news-read-left,.news-read-right{float:none;width:100%}
.news-read-right{width:100% !important}
.news-read-left{margin-bottom:20px}
.news{width:94%;padding:80px 0 10px}
.news-read .news-read-right .title{font-size:24px;padding-bottom:20px;margin-bottom:15px}
.news-read img{max-width:100%}
.news-type h3{width:100%}
.news-type ul{float:left;width:100%}
.news-type ul li{height:30px}
.news-type ul li a{padding:0 15px;line-height:30px}
.news-summary{margin-top:10px}
.news-list li .imgbigout,.news-list li .news-summary{width:100%}
.news-list li{padding:25px 0}
.news-list li .news-summary{float:left}
.news-list li .imgbigout img,.news-list li .imgbigout{width:100%}
.news-type ul li:first-child a{padding-left:0}
.news-list li .news-summary h4{margin-bottom:10px}
.news-list li .news-summary p{margin-bottom:20px}
.news-list li .news-summary span{margin-bottom:20px}
.back2top{display:none !important}
.t-footer{display:block;width:94%;margin:35px auto 0}
.t-footer .t-footer-bottom .left{width:55%}
.t-footer-top{font-size:24px;height:40px;line-height:40px}
.t-back2top{display:block;width:30px;height:30px;background:url(../images/back2top.png) no-repeat;background-size:30px}
.contact{padding:100px 0 30px}
.contact-read{width:94%;margin:0 auto}
.contact1-left{float:left;font-size:28px;color:#595757;font-size:arial}
.contact1-right{float:right;width:100%}
.contact1 p{font-size:16px}
.contact1,.contact2,.contact3,.contact4,.contact-img{margin-bottom:25px}
.about{padding:100px 0 30px}
.about1,.about3{width:94%}
.about1 .about1-left{font-size:28px;width:100%;margin-left:0}
.about1 .about1-right{width:100%}
.about3 .about3-right{width:100%;margin-right:0}
.about3-4 dl{margin-bottom:15px}
.about2{width:100%;background:url(../images/about-fixed.jpg);height:250px;background-position:center center;background-size:cover;background-repeat:no-repeat;margin:25px 0;position:relative}
.about2 img{left:50%;top:40%;background-position:center;width:200px;margin-left:-100px}
.about1-2,.about1-3,.about3-1,.about3-2,.about3-4{width:100% !important;margin-right:0}
.about3-4 dl{width:50%}
.about1-1{margin-bottom:30px}
.about1-1 p{font-size:16px}
.about h3{font-size:16px;margin-bottom:10px}
.warp2 .warp-type p{width:94%;position:static;margin-left:0}
.warp2 .warp-type-list{width:100%;position:static}
.warp2 .warp-type{height:80px}
.warp2 .warp-type-list a{height:30px;line-height:30px;margin-right:10px;font-size:12px}
/*.case-more{display:none !important}*/
.share-list{left:0}
#qiao-wrap{display:none !important}
.case-list .warp-type-list a{font-size:12px}
.case-list .warp-type-list .active{font-size:12px}
.case-list .warp-type-list .museo-light{font-size:16px;margin-bottom:14px}
.case-read .news-tool{display:block}
    .col-16{ width:50%; }
    .item_img img {
        width: 100%;
        height:auto;
        object-fit:cover;
    }
}

/*固定的qq悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:270px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.icon-box {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11;
}

.icon-li {
    font-size: 0;
    margin: 2px 0;
    position: relative;
    text-align: right;
}

.icon-read {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    background: #e3e5e5;
    position: relative;
    z-index: 1;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    display: inline-block;
    vertical-align: top;
}

.icon-tel {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    text-align: center;
    vertical-align: top;
    line-height: 50px;
    height: 50px;
    width: 0;
    font-size: 24px;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    background: #000000;
    color: #ffffff;
    padding: 0 5px;
    overflow: hidden;
}

.icon-li:hover .icon-read {
    background: #000000;
    color: #ffffff;
    cursor: pointer;
}

.icon-li:hover .icon-tel {
    width: 190px;
    right: 49px;
    font-family: 'Helveti', 'sans-serif';
}

.icon-li:hover .icon-ewm {
    width: 120px;
    height: 120px;
    right: 50px;
}

.icon-ewm {
    position: absolute;
    width: 0px;
    height: 0px;
    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
    transition: all .6s cubic-bezier(.645, .045, .355, 1);
    right:0; top: 0;
}
    .icon-ewm img {
        width: 120px;
        height: 120px;
    }
    .indexintro {
        font-size: 18px;
    }